.user_layout_wrap {
  background-color: #fff !important;
  // background-image: url('/img/user-backgroud.png') !important;
  // background-size: 100% 100% !important;
  height: 100%;
  position: relative;
  width: 100%;
  & > div {
    position: relative;
  }
  :global {
    .ant-col-xs-12 {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }
  @media (min-width: 576px) {
    :global {
      .ant-col-lg-12 {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }
  @media (min-width: 768px) {
    :global {
      .ant-col-lg-12 {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }
  @media (min-width: 992px) {
    :global {
      .ant-col-lg-12 {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }
  @media (min-width: 1200px) {
    :global {
      .ant-col-xl-16 {
        width: 66.66666667%;
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
      }
      .ant-col-xl-8 {
        width: 33.33333333%;
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
      }
    }
  }
  @media (min-width: 1600px) {
    :global {
      .ant-col-xxl-18 {
        width: 75%;
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
      }
      .ant-col-xxl-6 {
        width: 25%;
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
      }
    }
  }
}
